<html>
  <head>
    <title>覆盖视图组件</title>
  </head>
  <body>
    <script>
       /*
                      二、覆盖视图组件

                              1、如何覆盖组件

                                        ABP预构建的主题和模块定义了一些"可重用的视图组件"。

                                        这些视图组件可以像上面描述的页面一样被替换。


                                        下面的屏幕截图取自应用程序启动模板附带的基本主题。

                                        基本主题为布局定义了一些视图组件。例如，上面带有红色矩形的突出显示区域称为品牌组件。

                                        您可能希望通过添加自己的应用程序徽标来自定义此组件。让我们看看如何做到这一点。

                                        首先，创建您的徽标并放置在Web应用程序的文件夹下：

                                        我们使用了wwwroot/logos/bookstore-logo.png路径。

                                        然后从Themes/Basic/Components/Brand文件夹下的基本主题文件中复制品牌组件的视图（from here）。

                                        结果应该类似于下图：

                                        然后根据需要更改Default.cshtml。示例内容可以是这样的：

                                                  <a href="/">
                                                      <img src="~/logos/bookstore-logo.png" width="250" height="60"/>
                                                  </a>  

                                       
                                                  
                                2、覆盖主题

                                          如上所述，您可以替换所用主题的任何组件、布局或c#类。有关主题系统的更多信息，请参阅主题文档。
            */
    </script>
  </body>
</html>